*{
   margin: 0;
   padding: 0;
}

body{
   min-height: 100vh;
   background-color: #f2f2f2!important;
   font-size: 12px;
   line-height: 1.5;
   color: #404040;
}


ul{
   list-style: none;
}
.top-wrap{
   width: 100%;
   min-width: 1500px;
   height: 80px;
   background-color: #fff;
}

.top-wrap .top-icon{
   width: 185px;
   height: 50px;
   margin-left: 170px;
   padding-top: 15px;
}

.top-wrap .top-icon>img{
   width: 185px;
   height: 50px;
}

.order-detail{
   width: 1190px;
   margin: 0 auto;
}

.order-detail .navigation{
   font-size: 12px;
   color: #383838;
   line-height: 12px;
   padding: 10px 15px;
}

.navigation a{
   text-decoration: none;
   color: #404040;
   margin-left: 5px;
}

/* 订单状态 */
.item{
   background: #fff;
   border-radius: 12px;
   padding: 18px 20px 20px;
   margin-bottom: 10px;
   
}

.item .status-wrap{
   margin-bottom: 16px;
}

.title{
   font-size: 18px;
   color: #383838;
   line-height: 22px;
   font-weight: 700;
   margin-bottom: 15px;
   
}

.status-wrap .title{
   margin-right: 25px;
   margin-bottom: 0;
   float: left;
}

.status{
   height: 16px;
   float: left;
}

.status .item-box{
   margin-left: 20px;
}

.status .item-box>div{
   display: inline-block;
}

.await-pay{
   background: #ef673f;
}

.await-icon{
   width: 16px;
   height: 16px;
   border-radius: 50%;
   position: relative;
   top: 3px;
}

.await-icon div{
   width: 6px;
   height: 6px;
   margin: 5px auto 0;
   border-radius: 50%;
   background: #fff;
}

.item-box .circle{
   width: 16px;
   height: 16px;
   background: #fff;
   border: 1px solid #ededed;
   border-radius: 50%;
   position: relative;
   top: 3px;
}

.status-wrap .cancel{
   float: right;
   font-size: 12px;
   color: #707070;
   line-height: 22px;
   cursor: pointer;
}

.item .content-wrap{
   background: #fafafa;
   border: 1px solid #efefef;
   border-radius: 12px;
   padding: 15px;
   height: 36px;
   line-height: 36px;
   margin-top: 40px;
}

.content-wrap .content-right{
   float: right;
}

.content-right .item-price{
   font-size: 20px;
   color: #ef673f;
   float: left;
}

.content-right .btn-pay{
   float: left;
   width: 150px;
   background: #ef673f;
   color: #fff;
   height: 36px;
   border-radius: 6px;
   line-height: 36px;
   text-align: center;
   font-size: 14px;
   cursor: pointer;
   margin-left: 10px;
   font-weight: 500;
}

/* 左边 */
.order-detail .left-module{
   width: 67%;
   float: left;
   margin-bottom: 90px;
}

.b1{
   display: inline-block;
   width: 49%;
   font-size: 14px;
   color: #383838;
   line-height: 22px;
   padding-bottom: 25px;
}

.b1 .head{
   font-weight: 700;
}

.b1 .info{
   margin-top: 10px;
   color: #5c5c5c;
   max-width: 307px;
}

.info .breakfast-list li{
   display: block;
   float: left;
   width: 45px;
   height: 50px;
   text-align: center;
   color: #383838;
   background: #fff;
   border: 1px solid #ededed;
   margin-right: -1px;
   margin-bottom: -7px;
}

.breakfast-list li .top{
   border-bottom: 1px solid #ededed;
   background: #fafafa;
   font-size: 12px;
}

.breakfast-list li .bottom{
   font-size: 12px;
   color: #458fc7;
   text-align: center;
   line-height: 27px;
}

.book-info .b1.warm-notice{
   display: block;
   position: relative;
   width: 100%;
}

.book-info .bl.warm-notice .info{
   max-width: inherit;
}

.b1.warm-notice .warm-tip{
   margin-top: 10px;
   color: #5c5c5c;
}

.tipText{
   font-size: 14px;
   padding: 0 0 20px;
}

.right-module{
   width: 32%;
   float: right;
}

.right-module .hotel-info{
   font-size: 14px;
   color: #383838;
   line-height: 17px;
   background: #fff;
   border-radius: 12px;
   /* margin-top: 10px; */
}

.hotel-info .room-pic{
   background: #fafafa;
   border-radius: 12px 12px 0 0;
   width: 100%;
   height: 150px;
}

.room-pic img{
   border-radius: 12px 12px 0 0;

   width: 100%;
   height: 100%;
}

.room-pic .goto-detail{
   position: relative;
   left: 300px;
   top: -150px;
   width: 60px;
   height: 30px;
   background: #fff;
   border: 1px solid #efefef;
   border-radius: 6px;
   font-size: 12px;
   color: #383838;
   line-height: 30px;
   padding-left: 10px;
}

.goto-detail a{
   text-decoration: none;
   color: #383838;
}

.hotel-info .info-block{
   padding: 15px 20px 20px;
}

.info-block .hotel-name{
   font-size: 18px;
   color: #000;
   line-height: 22px;
   border-bottom: 1px solid #ededed;
   padding-bottom: 14px;
   margin-bottom: 9px;
}

.hotel-name span{
   font-weight: 700;
}

.info-block .hotel-tel,.info-block .hotel-address{
   font-size: 14px;
   color: #5c5c5c;
   line-height: 22px;
}

.info-block .hotel-address{
   margin-top: 5px;
}

.loose-price .price-detail{
   font-size: 14px;
   color: #383838;
   line-height: 17px;
   padding: 20px;
   background: #fff;
   border-radius: 12px;
   margin-top: 10px;
}

.price-detail .price-block{
   border-bottom: 1px dashed #ededed;
   margin-bottom: 30px;
}

.price-block ul{
   margin-bottom: 30px;
}

.price-block ul li{
   margin-top: 10px;
}

.price-block ul li div{
   float: right;
}

.price-block ul li div span{
   color: #ef673f;
}

.totalPrice{
   float: right;
   font-size: 14px;
   color: #383838;
   width: 110px;
   position: relative;
   margin-top: -40px;
   margin-right: 15px;
}

.totalPrice #totalPrice{
   color: #ef673f;
   padding-left: 10px;
}